<template>
<h1>属性绑定指令</h1>
  <input type="text" value="tom">
<!--  将value属性的值与name变量进行绑定,由name变量来控制输入框显示的默认值-->
  <input type="text" v-bind:value="name">
<!--  简写形式-->
  <input type="text" :value="name">
  <hr>
  <a href="url">超链接1</a>
  <a :href="url">超链接2</a>
</template>

<script setup>
import {ref} from "vue"
const name = ref('向先生')
const url = ref('http://www.360buy.com')

</script>

<style scoped>

</style>